﻿<div class="layui-tab layui-tab-card" style="padding: 0px;border: none;margin-top: 0px;">
  <ul class="layui-tab-title layui-tab-title-city">
  	<li class="layui-this">基础设置</li>
    <li >属性设置</li>
  </ul>
  <div class="layui-tab-content" >
    <div class="layui-tab-item layui-show">
		<form id="modelbizSceneModelForm" lay-filter="modelbizSceneModelForm" class="layui-form model-form" style="padding:5px;">
			<input  name="id"  type="hidden" class="layui-input" value="#(bizSceneModel?bizSceneModel.id:'')">
			<input id="modelBizSceneModelType"  name="type"  type="hidden" class="layui-input" value="#(bizSceneModel?bizSceneModel.type:'')">
			<table class="formTable">
				<tr>
					<td>名称</td>
					<td colspan="2">
			          	<input  name="name"   type="text" class="layui-input" value="#(bizSceneModel?bizSceneModel.name:'')" />
			        </td>
				</tr>
				<tr>
					<td>属性</td>
					<td colspan="2">
						<select name="attribute" lay-filter="attribute" lay-verify="required" required>
							<option value="">--请选择--</option>
							<option value="Building" #if(bizSceneModel && bizSceneModel.attribute=='Building')  selected #end>建筑</option>
							<option value="Floor" #if(bizSceneModel && bizSceneModel.attribute=='Floor')  selected #end>楼层</option>
							<option value="Thing" #if(bizSceneModel && bizSceneModel.attribute=='Thing')  selected #end>物体</option>
						</select>
					</td>
				</tr>				
				<tr>
					<td>经度</td>
					<td colspan="4">
			          	<input id="translationForModelPosX" name="x"   type="number" class="layui-input" value="#(bizSceneModel?bizSceneModel.x:0)" />
			        </td>
				</tr>
				<tr>
					<td>纬度</td>
					<td colspan="4">
			          	<input id="translationForModelPosY" name="y" type="number" class="layui-input" value="#(bizSceneModel?bizSceneModel.y:0)" />
			        </td>
				</tr>		
				<tr>
					<td>高度</td>
					<td colspan="4">
			          	<input id="translationForModelPosZ" name="z"   type="number" class="layui-input" value="#(bizSceneModel?bizSceneModel.z:0)" />
			        </td>
				</tr>
				<tr>
					<td>缩放</td>
					<td colspan="4">
					  <input id="scaleForModel-input" name="scale" step=0.1  type="number" min=0 max=2000 class="layui-input" value="#(bizSceneModel?bizSceneModel.scale:0)">
			        </td>
				</tr>	
<!-- 				<tr>
					<td>可视范围</td>
					<td>
			          	<input name="displayNear"   type="number" class="layui-input" value="#(bizSceneModel?bizSceneModel.displayNear:0)"/>
			        </td>
					<td>
			          	<input name="displayFar"   type="number" class="layui-input" value="#(bizSceneModel?bizSceneModel.displayFar:0)">
			        </td>        
				</tr> -->
<!-- 				<tr>
					<td>高度参考</td>
					<td colspan="4" >
				      <select name="heightReference" lay-filter="heightReference"  lay-verify="required" required>
				        <option value="0" #if(bizSceneModel && bizSceneModel.heightReference=='0')  selected #end>NONE</option>
				        <option value="1" #if(bizSceneModel && bizSceneModel.heightReference=='1')  selected #end>CLAMP_TO_GROUND</option>
				        <option value="2" #if(bizSceneModel && bizSceneModel.heightReference=='2')  selected #end>RELATIVE_TO_GROUND</option>
				      </select>
			        </td>
				</tr> -->
				<tr>
					<td>x轴</td>
					<td colspan="4" >
						<div id="rotateForModelPitch-slide" class="demo-slider"></div>
						<input id="rotateForModelPitch-input" name="rx"   type="hidden" class="layui-input" value="#(bizSceneModel?bizSceneModel.rx:0)">
			        </td>
				</tr>
				<tr>
					<td>y轴</td>
					<td colspan="4" >
						<div id="rotateForModelHeading-slide" class="demo-slider"></div>
						<input id="rotateForModelHeading-input" name="ry"   type="hidden" class="layui-input" value="#(bizSceneModel?bizSceneModel.ry:0)">
			        </td>
				</tr>
				<tr>
					<td>z轴</td>
					<td colspan="2" >
						<div id="rotateForModelRoll-slide" class="demo-slider"></div>
						<input id="rotateForModelRoll-input" name="rz"   type="hidden" class="layui-input" value="#(bizSceneModel?bizSceneModel.rz:0)">			
			        </td>
				</tr>
 				<tr>
					<td colspan="5" style="background-color: #403f40;border-left: 5px solid;">交互效果</td>
				</tr>
				<tr>
					<td>显示高亮</td>
					<td colspan="4" >
				      <select name="oftenShow" lay-filter="oftenShow"  lay-verify="required" required>
				        <option value="0" #if(bizSceneModel && bizSceneModel.oftenShow=='0')  selected #end>否</option>
				        <option value="1" #if(bizSceneModel && bizSceneModel.oftenShow=='1')  selected #end>是</option>
				      </select>		
			        </td>
				</tr>		
				<tr>
					<td>颜色</td>
					<td colspan="4" >
						<input type="hidden" name="color" id="color-input" value="#(bizSceneModel?bizSceneModel.color:"")">
						<div id="color"></div>		
			        </td>
				</tr>
				<tr>
					<td>混合模式</td>
					<td colspan="4" >
				      <select name="colorBlendMode" lay-filter="colorBlendMode"  lay-verify="required" required>
				        <option value="0" #if(bizSceneModel && bizSceneModel.colorBlendMode=='0')  selected #end>材质与设置颜色相乘得到的颜色</option>
				        <option value="1" #if(bizSceneModel && bizSceneModel.colorBlendMode=='1')  selected #end>材质与设置颜色混合得到的颜色</option>
				        <option value="2" #if(bizSceneModel && bizSceneModel.colorBlendMode=='2')  selected #end>设置颜色替换材质</option>
				      </select>		
			        </td>
				</tr>
				<tr>
					<td>轮廓颜色</td>
					<td colspan="4" >
						<input type="hidden" name="silhouetteColor" id="silhouetteColor-input" value="#(bizSceneModel?bizSceneModel.silhouetteColor:"")">
						<div id="silhouetteColor"></div>			
			        </td>
				</tr>
				<tr>
					<td>轮廓线宽</td>
					<td colspan="4" >
					    <input id="silhouetteSize" name="silhouetteSize"  type="number" class="layui-input" value="#(bizSceneModel?bizSceneModel.silhouetteSize:0)">
			        </td>
				</tr>	
				<tr>
					<td>动画模型</td>
					<td colspan="4" >
				      <select name="loop" lay-filter="loop"  lay-verify="required" required>
				        <option value="0" #if(bizSceneModel && bizSceneModel.loop=='0')  selected #end>循环播放动画</option>
				        <option value="1" #if(bizSceneModel && bizSceneModel.loop=='1')  selected #end>播放动画一次</option>
				        <option value="2" #if(bizSceneModel && bizSceneModel.loop=='2')  selected #end>停止播放后立即从头开始循环播放动画</option>
				      </select>		
			        </td>
				</tr>	
				<tr>
					<td>播放速度</td>
					<td colspan="4" >
					    <input name="speedup"  type="number" class="layui-input" value="#(bizSceneModel?bizSceneModel.speedup:0.5)">
			        </td>
				</tr>	
				<tr>
					<td>动画反转</td>
					<td colspan="4" >
				      <select name="reverse" lay-filter="reverse"  lay-verify="required" required>
				        <option value="0" #if(bizSceneModel && bizSceneModel.reverse=='0')  selected #end>否</option>
				        <option value="1" #if(bizSceneModel && bizSceneModel.reverse=='1')  selected #end>是</option>
				      </select>		
			        </td>
				</tr>	 
				<tr>
					<td>序号</td>
					<td colspan="4">
			          	<input  name="sort"   type="number" class="layui-input" value="#(bizSceneModel?bizSceneModel.sort:'')" />
			        </td>
				</tr>				
				<tr>
					<td colspan="5" style="text-align: right;">
					  <button class="layui-btn layui-btn-sm" id="setting-visualangle-btn">保存视角</button>
					  <button class="layui-btn layui-btn-sm" id="pick-position-btn">拾取位置</button>
					  <button class="layui-btn layui-btn-sm" id="setting-drag-btn">平移</button>
			          <button class="layui-btn layui-btn-sm" lay-filter="modelbizSceneModelSubmit" lay-submit>保存</button>
					</td>
				</tr>		
			</table>  
		</form>   
    </div>
    <div class="layui-tab-item">
		<table class="formTable">
		</table>     
    </div>
  </div>
</div>
 
